/**
 * Ventana del login
 */
function ViewLogin(){

	var winLogin = Ti.UI.createWindow({
	  backgroundColor: 'white',
	  exitOnClose: false,
	  fullscreen: false,
	  layout: 'vertical',
	  title: 'AppCurso'
	});
	
	var viewLog = Ti.UI.createView({
		layout: 'vertical',	
		
	});
	
	var usuarioLabel = Ti.UI.createLabel({
	  color: '#900',
	  font: { fontSize:20 },
	  shadowColor: '#aaa',
	  shadowOffset: {x:5, y:5},
	  shadowRadius: 3,
	  text: 'Nombre de Usuario',
	  textAlign: Ti.UI.TEXT_ALIGNMENT_CENTER,
	  top: 30,
	  width: Ti.UI.SIZE, height: Ti.UI.SIZE
	});
	
	var usuarioTextField = Ti.UI.createTextField({
	  borderStyle: Ti.UI.INPUT_BORDERSTYLE_ROUNDED,
	  color: '#336699',    
	  width: 180, height: 50
	  
	});
	
	var contrasenaLabel = Ti.UI.createLabel({
	  color: '#900',
	  font: { fontSize:20 },
	  shadowColor: '#aaa',
	  shadowOffset: {x:5, y:5},
	  shadowRadius: 3,
	  text: 'Contraseña',
	  textAlign: Ti.UI.TEXT_ALIGNMENT_CENTER,
	  top: 30,
	  width: Ti.UI.SIZE, height: Ti.UI.SIZE
	});
	
	var contrasenaTextField = Ti.UI.createTextField({
	  borderStyle: Ti.UI.INPUT_BORDERSTYLE_ROUNDED,
	  color: '#336699',  
	  width: 180, height: 50,  
	  passwordMask: 'true',  
	});
	
	var botonIngresar = Ti.UI.createButton({
		title: 'Ingresar'	
	});
	
	botonIngresar.addEventListener("click", function() {
		var LoginTO = require('model/LoginTO');
		var usuario = new LoginTO(usuarioTextField.value,contrasenaTextField.value);		
		
		var botonIngresar = require('/controller/BotonIngresarLogin');
		botonIngresar.ingresarLogin(usuario.nombreUsuario,usuario.contrasena);
	});
	
	viewLog.add(usuarioLabel);
	viewLog.add(usuarioTextField);
	viewLog.add(contrasenaLabel);
	viewLog.add(contrasenaTextField);
	viewLog.add(botonIngresar);
	
	winLogin.add(viewLog);
	
	return winLogin;

};

module.exports = ViewLogin;